<template>
  <div class="common-layout">
    <div id="app" class="homeWrap">
      <el-container style="height:100%">
        <el-aside width="200px">
          <el-row>
            <el-col :span="24" :offset="7">
              <i><h3 class="el-icon-user-solid">商户主页</h3></i>
            </el-col>
          </el-row>
          <el-row class="tac">
            <el-col :span="24" :offset="3">
          <el-radio-group v-model="isCollapse" style="margin-bottom: 20px;">
            <el-radio-button :label="false"><i class="el-icon-circle-plus">展开</i></el-radio-button>
            <el-radio-button :label="true"><i class="el-icon-remove">收起</i></el-radio-button>
          </el-radio-group>
            </el-col>
          </el-row>
          <el-menu default-active="1-4-1" class="el-menu-vertical-demo" :collapse="isCollapse">

            <el-menu-item index="1" @click="a">
              <i class="el-icon-menu"></i>
              <span slot="title">订单管理</span>
            </el-menu-item>
            <el-menu-item index="2">
              <i class="el-icon-document"></i>
              <span slot="title">统计营收</span>
            </el-menu-item>
            <el-menu-item index="3">
              <i class="el-icon-setting"></i>
              <span slot="title">资料维护</span>
            </el-menu-item>
          </el-menu>
        </el-aside>
        <el-container>
          <el-main></el-main>
        </el-container>
      </el-container>

    </div>
  </div>
</template>

<script>
import lablePage from "./lablePage";
    export default {
        name: "menus",
      data() {
        return {
          isCollapse: true
        };
      },
      methods:{
      a(){

      }
      },
      components:{
        lablePage
      }

    }
</script>

<style scoped>
  .homeWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
  }

  .el-aside {
    background-color: #D3DCE6;
    color: #333;

  }

  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
  }

  body > .el-container {
    margin-bottom: 40px;
  }

</style>
